.zoom {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .35);
    .zoom-button {
        display: block;
        width: 35px;
        height: 35px;
        margin: 0 auto;
        padding: 8px 0;
        text-align: center;
        cursor: pointer;
        &:first-child {
            border-bottom: 1px #dfdfdf solid;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }
        &:last-child {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }
        &:hover {
            color: #108ee9;
            background-color: #dfdfdf;
        }
        &.disabled,
        &.disabled:hover {
            color: inherit;
            background-color: #dfdfdf;
            opacity: .2;
            cursor: not-allowed;
        }
    }
}